{% extends 'base.html' %}
{% block title %}Brisbane Coupon{% endblock %}
{% block stylesheet %}
{{ block.super }}
<style type="text/css">
</style>
{% endblock%}

{% block javascript %}
{{ block.super }}
<script>
</script>
{% endblock%}

{% block content %}
<div>
  <form method="get" action="">
    <input type="search" name="q" id="id_q" />
  </form>   
  {% load thumbnail %}
  <ul data-role="listview" data-inset="true">
    <li data-role="list-divider">Events</li>
      {% for event in events %}
      <li>
        <a href="{{ event.murl }}"><h3>{{ event.name }}</h3>
        <p>{{ event.representative|safe }}</p>
        <p class="ui-li-aside">By {{ event.edate|date:"D d M" }}</p>
        </a>
      </li>
      {% endfor %}
    </ul>
    {% include 'mpaginator.html' %}
</div>
{% endblock %}
